<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet">
	<style type="text/css">
		body{
			padding:0px;
			margin:0px;
		}
		.wrapper{
			display: flex;
			height: 100%;
		}
		.menu{
			width:200px;
			background:#4747d8;
		}
		.menu ul{
			padding:0;
			margin:0;
		}
		.menu ul li{
			list-style: none;
			cursor: pointer;
		}
		.menu ul li a{
			display:inline-block;
			width:100%;
			height:100%;
			text-decoration: none;
			padding:10px 20px;
			color:#ffffff;
			font-weight: bold;
		}
		.content{
			flex: 1;
		}
	</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row" style="height:10vh;background:#7474ec">
			<div class="col-md-12">
			</div>
		</div>
		<div class="row" style="height:90vh">
			<div class="wrapper" style="height:90vh">
				<div class="menu">
					<ul>
						<li th:each="menu : ${session.menus}">
							<a th:href="${menu.menuUrl}"><span th:text="${menu.menuName}"></span></a>
						</li>
					</ul>
				</div>
				<div class="content">
				</div>
			</div>
		</div>
	</div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script type="text/javascript">

</script>
</html>